import { StyleSheet } from 'react-native';
import { phonePx } from '../../util/adapt';
import { NOTCH_WIDTH } from '../../constant';
import { APP_BLACK, APP_GRAY, APP_BLUE, APP_RED } from '../../constant/color';

export default StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#ffffff'
  },
  title: {
    height: phonePx(58),
    flexDirection: 'row',
    alignItems: 'center',
    marginBottom: phonePx(3),
    position: 'absolute',
    left: NOTCH_WIDTH,
    top: 0,
    right: 0
  },
  loadBack: {
    height: phonePx(58),
    width: phonePx(121),
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center',
    marginLeft: phonePx(5)
  },
  backIcon: {
    width: phonePx(10),
    height: phonePx(16)
  },
  titleDesc: {
    color: APP_BLACK,
    fontSize: phonePx(14),
    marginLeft: phonePx(16)
  },
  content: {
    paddingVertical: phonePx(20)
  },
  items: {
    marginHorizontal: phonePx(14),
    marginTop: phonePx(12),
    borderRadius: phonePx(4),
    overflow: 'hidden'
  },
  item: {
    height: phonePx(52),
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    paddingHorizontal: phonePx(20),
    backgroundColor: '#ffffff'
  },
  line: {
    borderTopWidth: 0.5,
    borderTopColor: '#EFEFEF'
  },
  itemTitle: {
    fontSize: phonePx(16),
    color: APP_BLACK,
    lineHeight: phonePx(22),
    fontWeight: '400'
  },
  loadSubTitle: {
    flexDirection: 'row',
    justifyContent: 'flex-end',
    alignItems: 'center'
  },
  subTitleDesc: {
    fontSize: phonePx(14),
    color: APP_GRAY,
    lineHeight: phonePx(20),
    fontWeight: '400'
  },
  arrowIcon: {
    width: phonePx(6.8),
    height: phonePx(11.8),
    marginLeft: phonePx(15)
  },
  actionDesc: {
    fontSize: phonePx(14),
    color: APP_BLUE,
    lineHeight: phonePx(20),
    marginLeft: phonePx(5),
    fontWeight: '400'
  },
  switch: {
    width: phonePx(44),
    height: phonePx(27)
  },
  logout: {
    position: 'absolute',
    alignSelf: 'center',
    width: phonePx(270),
    height: phonePx(50),
    borderRadius: phonePx(8),
    backgroundColor: APP_RED,
    justifyContent: 'center',
    alignItems: 'center',
    bottom: phonePx(30)
  },
  logoutDesc: {
    fontSize: phonePx(16),
    color: '#FFF',
    fontWeight: '500'
  }
});
